<template>
    <div>
        <p style="padding: 0 20px">消息管理 / 消息详情</p>
        <div style="background: #DBEDF6; line-height: 30px; padding: 10px 20px; font-size: 16px">消息详情</div>
        <el-card shadow="never" class="aui-card--fill">
            <div class="mod-datasource">
                <h2>[通知]{{messageDetailData.title}}</h2>
                <p>{{messageDetailData.sendTime}}</p>
                <p style="line-height: 30px">尊敬的用户：</p>
                <p>{{ messageDetailData.content}}</p>
                <br>
                <br>
                <p>{{messageDetailData.updater}}</p>
                <p>{{messageDetailData.createDate}}</p>
            </div>
        </el-card>
    </div>
</template>

<script>
import mixinViewModule from '@/mixins/view-module'
export default {
  mixins: [mixinViewModule],
  data () {
    return {
      messageDetailData: {}
    }
  },
  created () {
    this.id = this.$route.params.id
    this.$http.get(`/message/messageInfo/${this.id}`).then(res => {
      this.messageDetailData = res.data.data
    })
  }
}
</script>
